<html>
    <head>
        <title>兰亭集序</title>
        <link rel="stylesheet" type="text/css" href="Css/beijing1.css">
        <link rel="stylesheet" type="text/css" href="Css/xu.css">
        <script type="text/javascript">
            function fun1(obj)
            {     
               var f1=document.getElementById(obj);
               f1.style.display="block";
            }
            function fun2(obj)
            {      
               var f1=document.getElementById(obj);
               f1.style.display="none";
            }
            function fun3(obj){
                if((window.pageYOffset)>40){
                    var f2=document.getElementById(obj);
                    f2.style.display="block";
                }
                else{
                    var f2=document.getElementById(obj);
                    f2.style.display="none";
                }                                
            }
            function getTime(){
                var t=new Date;
                var y=t.getFullYear();
                var m=t.getMonth()+1;
                var d=t.getDate();
                var h=t.getHours();
                var min=t.getMinutes();
                var s=t.getSeconds();
                var time=y+"年"+m+"月"+d+"日"+","+h+":"+min+":"+s;
                document.getElementById("btm").innerHTML=time;
                setTimeout('getTime()',1000);
            }
            function fun4(j){
                var xuNoteBox=document.getElementsByClassName("xuNoteBox");
                for(var i=0;i<4;i++){
                    xuNoteBox[i].style.display='none';
                }
                xuNoteBox[j].style.display='block';
            }        
            </script>
    </head>
    <body onscroll="fun3('f2')" onload="getTime()">
        <video  autoplay="autoplay" loop="loop" muted="muted" style="width: 100%;"><source src="video/v6.mp4" type="video/mp4"></video>
        <div class="title">                             <!--标题栏-->                     
            <ul>             
                <li style="border-radius: 0; width: 40px"><a href="index.html"><img src="Img/touxiang1.png" width="40px" height="40px"></a></li>
                <li>个人博客</li>
                <li style="margin-left: 15%"><a href="index.html" target="_blank">首页</a></li>
                <li><a href="shici.html" target="_blank">诗词</a></li>
                <li><a href="wenzhang.html" target="_blank">文章</a></li>
                <li onmouseover="fun1('f1')" onmouseout="fun2('f1')"><a href="#">关于我</a>
                    <ul id="f1">
                        <li><a href="dengluye.html" target="_blank">留言联系</a></li>
                        <li><a href="zuozhe.html" target="_blank">关于作者</a></li>
                        <li><a href="banquan.html" target="_blank">版权声明</a></li>
                    </ul>
                </li>
            </ul>
            <div class="search">
                <input name="search" type="text" placeholder="搜索">
                <input name="submit" type="image" src="Img/sousuo.png" style="left:140px;">
            </div>
        </div>
    <div style="margin: 0; width: 52.7%; height: auto; background: white; margin-left: 20%; border: 5px black solid;">
        <img src="Img/back1.jpg" style="width: 52.18%;  position: fixed;">
        <div class="xuBody">                            <!--内容-->
            <div class="xuPosition">
                <span>位置：首页-诗词</span>
            </div>
            <div class="xuTitle">
                岳阳楼记
            </div>
            <div class="xuAuthor">
                【作者】范仲淹 【朝代】宋
            </div>
            <div class="xuContent">
                <p>庆历四年春，滕子京谪守巴陵郡。越明年，政通人和，百废具兴，乃重修岳阳楼，增其旧制，刻唐贤今人诗赋于其上，属予作文以记之。</p>
                <p>予观夫巴陵胜状，在洞庭一湖。衔远山，吞长江，浩浩汤汤，横无际涯，朝晖夕阴，气象万千，此则岳阳楼之大观也，前人之述备矣。然则北通巫峡，南极潇湘，迁客骚人，多会于此，览物之情，得无异乎？</p>
                <p>若夫淫雨霏霏，连月不开，阴风怒号，浊浪排空，日星隐曜，山岳潜形，商旅不行，樯倾楫摧，薄暮冥冥，虎啸猿啼。登斯楼也，则有去国怀乡，忧谗畏讥，满目萧然，感极而悲者矣。</p>
                <p>至若春和景明，波澜不惊，上下天光，一碧万顷，沙鸥翔集，锦鳞游泳，岸芷汀兰，郁郁青青。而或长烟一空，皓月千里，浮光跃金，静影沉璧，渔歌互答，此乐何极！登斯楼也，则有心旷神怡，宠辱偕忘，把酒临风，其喜洋洋者矣。</p>
                <p>嗟夫！予尝求古仁人之心，或异二者之为，何哉？不以物喜，不以己悲，居庙堂之高则忧其民，处江湖之远则忧其君。是进亦忧，退亦忧。然则何时而乐耶？其必曰“先天下之忧而忧，后天下之乐而乐”乎！噫！微斯人，吾谁与归？</p>
                <p>时六年九月十五日。</p>
            </div>
            <div style="width: 100%;">
                <ul  class="xuNote">
                    <li>
                        <button class="xuNoteTitle" onclick="fun4(0)">译文</button>
                        <div class="xuNoteBox" style="display: block;">
                            庆历四年的春天，滕子京被降职到巴陵郡做太守。隔了一年，政治清明通达，人民安居和顺，各种荒废的事业都兴办起来了。于是重新修建岳阳楼，扩大它原有的规模，把唐代名家和当代人的诗赋刻在它上面。嘱托我写一篇文章来记述这件事情。我观看那巴陵郡的美好景色，全在洞庭湖上。衔接远山，吞没长江，流水浩浩荡荡，无边无际，一天里阴晴多变，气象千变万化。这就是岳阳楼的雄伟景象。前人的记述（已经）很详尽了。那么向北面通到巫峡，向南面直到潇水和湘水，降职的官吏和来往的诗人，大多在这里聚会，（他们)观赏自然景物而触发的感情大概会有所不同吧？像那阴雨连绵，接连几个月不放晴，寒风怒吼，浑浊的浪冲向天空；太阳和星星隐藏起光辉，山岳隐没了形体；商人和旅客（一译：行商和客商）不能通行，船桅倒下，船桨折断；傍晚天色昏暗，虎在长啸，猿在悲啼，（这时）登上这座楼，就会有一种离开国都、怀念家乡，担心人家说坏话、惧怕人家批评指责，满眼都是萧条的景象，感慨到了极点而悲伤的心情。到了春风和煦，阳光明媚的时候，湖面平静，没有惊涛骇浪，天色湖光相连，一片碧绿，广阔无际；沙洲上的鸥鸟，时而飞翔，时而停歇，美丽的鱼游来游去，岸上的香草和小洲上的兰花，草木茂盛，青翠欲滴。有时大片烟雾完全消散，皎洁的月光一泻千里，波动的光闪着金色，静静的月影像沉入水中的玉璧，渔夫的歌声在你唱我和地响起来，这种乐趣（真是）无穷无尽啊！（这时）登上这座楼，就会感到心胸开阔、心情愉快，光荣和屈辱一并忘了，端着酒杯，吹着微风，觉得喜气洋洋了。哎呀！我曾探求过古时仁人的心境，或者和这些人的行为两样的，为什么呢？（是由于）不因外物好坏，自己得失而或喜或悲。在朝廷上做官时，就为百姓担忧；不在朝廷做官而处在僻远的江湖中间就为国君忧虑。他进也忧虑，退也忧愁。既然这样，那么他们什么时候才会感到快乐呢？古仁人必定说：“先于天下人的忧去忧，晚于天下人的乐去乐。”呀。唉！如果没有这种人，我与谁一道归去呢？写于为庆历六年九月十五日。
                        </div>
                    </li>
                    <li>
                        <button class="xuNoteTitle" onclick="fun4(1)">注释</button>
                        <div class="xuNoteBox">
                            <p>记：一种文体。可以写景、叙事，多为议论。但目的是为了抒发作者的情怀和抱负（阐述作者的某些观念）。</p>
                            <p>庆历四年：公元1044年。庆历，宋仁宗赵祯的年号。</p>
                            <p>予观夫巴陵胜状：夫，指示代词，相当于“那”。胜状，胜景，好景色。</p>
                            <p>阴风怒号（háo），浊浪排空：阴，阴冷。号，呼啸；浊，浑浊。排空，冲向天空。</p>
                            <p>满目萧然，感极而悲者矣：萧然，萧条的样子。感极，感慨到了极点。而，表示顺接。者，代指悲伤感情，起强调作用。</p>
                            <p>岸芷（zhǐ）汀（tīng）兰：岸上与小洲上的花草。芷：香草的一种。汀：小洲,水边平地。</p>
                            <p>渔歌互答：渔人唱着歌互相应答。互答，一唱一和。</p>
                            <p>予尝求古仁人之心：尝，曾经。求，探求。古仁人，古时品德高尚的人。之，的。心，思想感情（心思）。</p>
                            <p>居庙堂之高则忧其民：在朝中做官担忧百姓。意为在朝中做官。庙，宗庙。堂，殿堂。庙堂：指朝廷。下文的“进”，对应“居庙堂之高”。进：在朝廷做官。</p>
                            <p>处江湖之远则忧其君：处在僻远的地方做官则为君主担忧。处江湖之远：处在偏远的江湖间，意思是不在朝廷上做官。下文的“退”，对应“处江湖之远”。之：定语后置的标志。是：这样。退：不在朝廷做官。</p>
                            <p>其必曰“先天下之忧而忧，后天下之乐而乐”：那一定要说“在天下人担忧之前先担忧，在天下人享乐之后才享乐”吧。先，在……之前；后，在……之后。其：指“古仁人”。而，顺承。必：一定。</p>
                            <p>时六年：庆历六年（1046年）</p>
                        </div>
                    </li>
                    <li>
                        <button class="xuNoteTitle" onclick="fun4(2)">赏析</button>
                        <div class="xuNoteBox">
                            <p>  《岳阳楼记》是作者应好友巴陵郡太守滕子京之请为重修岳阳楼而创作的一篇散文。这篇文章通过写岳阳楼的景色，以及阴雨和晴朗时带给人的不同感受，揭示了“不以物喜，不以己悲”的古仁人之心，也表达了自己“先天下之忧而忧，后天下之乐而乐”的爱国爱民情怀。文章超越了单纯写山水楼观的狭境，将自然界的晦明变化、风雨阴晴和“迁客骚人”的“览物之情”结合起来写，从而将全文的重心放到了纵议政治理想方面，扩大了文章的境界。全文记叙、写景、抒情、议论融为一体，动静相生，明暗相衬，文词简约，音节和谐，用排偶章法作景物对比，成为杂记中的创新。</p>
                            <p>  《岳阳楼记》全文有三百六十八字，共六段。</p>
                            <p>  文章开头即切入正题，叙述事情的本末缘起。以“庆历四年春”点明时间起笔，格调庄重雅正；说滕子京为“谪守”，已暗喻对仕途沉浮的悲慨，为后文抒情设伏。下面仅用“政通人和，百废具兴”八个字，写出滕子京的政绩，引出重修岳阳楼和作记一事，为全篇文字的导引。</p>
                            <p>  第二段，格调振起，情辞激昂。先总说“巴陵胜状，在洞庭一湖”，设定下文写景范围。以下“衔远山，吞长江”寥寥数语，写尽洞庭湖之大观胜概。一“衔”一“吞”，有气势。“浩浩汤汤，横无际涯”，极言水波壮阔；“朝晖夕阴，气象万千”，概说阴晴变化，简练而又生动。前四句从空间角度，后两句从时间角度，写尽了洞庭湖的壮观景象。“前人之述备矣”一句承前启后，并回应前文“唐贤今人诗赋”一语。这句话既是谦虚，也暗含转机，经“然则”一转，引出新的意境，由单纯写景，到以情景交融的笔法来写“迁客骚人”的“览物之情”，从而构出全文的主体。</p>
                            <p>  三、四两段是两个排比段，并行而下，一悲一喜，一暗一明，像两股不同的情感之流，传达出景与情互相感应的两种截然相反的人生情境。</p>
                            <p>  第三段写览物而悲者。以“若夫”起笔，意味深长。这是一个引发议论的词，又表明了虚拟的情调，而这种虚拟又是对无数实境的浓缩、提炼和升华，颇有典型意义。“若夫”以下描写了一种悲凉的情境，由天气的恶劣写到人心的凄楚。这里用四字短句，层层渲染，渐次铺叙。淫雨、阴风、浊浪构成了主景，不但使日星无光，山岳藏形，也使商旅不前；或又值暮色沉沉、“虎啸猿啼”之际，令过往的“迁客骚人”有“去国怀乡”之慨、“忧谗畏讥”之惧、“感极而悲”之情。</p>
                            <p>  第四段写览物而喜者。以“至若”领起，打开了一个阳光灿烂的画面。“至若”尽管也是列举性的语气，但从音节上已变得高亢嘹亮，格调上已变得明快有力。下面的描写，虽然仍为四字短句，色调却为之一变，绘出春风和畅、景色明丽、水天一碧的良辰美景。更有鸥鸟在自由翱翔，鱼儿在欢快游荡，连无知的水草兰花也充满活力。作者以极为简练的笔墨，描摹出一幅湖光春色图，读之如在眼前。值得注意的是，这一段的句式、节奏与上一段大体相仿，却也另有变奏。“而或”一句就进一步扩展了意境，增强了叠加咏叹的意味，把“喜洋洋”的气氛推向高潮，而“登斯楼也”的心境也变成了“宠辱偕忘”的超脱和“把酒临风”的挥洒自如。</p>
                            <p>  第五段是全篇的重心，以“嗟夫”开启，兼有抒情和议论的意味。作者在列举了悲喜两种情境后，笔调突然激扬，道出了超乎这两者之上的一种更高的理想境界，那就是“不以物喜，不以己悲”。感物而动，因物悲喜虽然是人之常情，但并不是做人的最高境界。古代的仁人，就有坚定的意志，不为外界条件的变化动摇。无论是“居庙堂之高”还是“处江湖之远”，忧国忧民之心不改，“进亦忧，退亦忧”。这似乎有悖于常理，有些不可思议。作者也就此拟出一问一答，假托古圣立言，发出了“先天下之忧而忧，后天下之乐而乐”的誓言，曲终奏雅，点明了全篇的主旨。“噫！微斯人，吾谁与归”一句结语，“如怨如慕，如泣如诉”，悲凉慷慨，一往情深，令人感喟。文章最后标明写作时间，与篇首照应。</p>
                            <p>  这篇文章表现作者虽身居江湖，心忧国事，虽遭迫害，仍不放弃理想的顽强意志，同时，也是对被贬战友的鼓励和安慰。《岳阳楼记》的著名，是因为它的思想境界崇高。和它同时的另一位文学家欧阳修在为他写的碑文中说，他从小就有志于天下，常自诵曰：“士当先天下之忧而忧，后天下之乐而乐也。”可见《岳阳楼记》末尾所说的“先天下之忧而忧，后天下之乐而乐”，是范仲淹一生行为的准则。孟子说：“达则兼善天下，穷则独善其身”。这已成为封建时代许多士大夫的信条。范仲淹写这篇文章的时候正贬官在外，“处江湖之远”，本来可以采取独善其身的态度，落得清闲快乐，但他提出正直的士大夫应立身行一的准则，认为个人的荣辱升迁应置之度外，“不以物喜，不以己悲”要“先天下之忧而忧，后天下之乐而乐”，勉励自己和朋友，这是难能可贵的。这两句话所体现的精神，那种吃苦在前，享乐在后的品质，无疑仍有教育意义。</p>
                        </div>
                    </li>
                    <li>
                        <button class="xuNoteTitle" onclick="fun4(3)">相关</button>
                        <div class="xuNoteBox">
                            这篇文章写于庆历六年（公元1046年）。范仲淹生活在北宋王朝内忧外患的年代，对内阶级矛盾日益突出，对外契丹和西夏虎视眈眈。为了巩固政权，改善这一处境，以范仲淹为首的政治集团开始进行改革，后人称之为“庆历新政”。但改革触犯了封建大地主阶级保守派的利益，遭到了他们的强烈反对。而皇帝改革的决心也不坚定，在保守官僚集团的压迫下，改革以失败告终。“庆历新政”失败后，范仲淹又因得罪了宰相吕夷简，范仲淹贬放河南邓州，这篇文章便是写于邓州，而非写于岳阳楼。
                        </div>
                    </li>
                </ul>
            </div>
            <div style="height: 40px; margin-left: 12%; margin-right: 12%; border-top: black 2px solid;">                    

            </div>
        </div>
        <div style="height: 50px;">                     <!--底部间隔-->

        </div>
    </div>
        <div class="bottom" id="btm">                        <!--底部-->
            时间
        </div>
        <div class="tool" id="f2">                 <!--工具栏-->
            <a href="#top"><div class="toolBox"><img src="Img/zhiding.jpg" class="toolImg"></div></a>
            <a href="index.html"><div class="toolBox"><img src="Img/shouye.jpg" class="toolImg"></div></a>
            <a href="dengluye.html"><div class="toolBox"><img src="Img/youjian.jpg" class="toolImg"></div></a>
        </div>
    </body>
</html>